<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<!--[if lt IE 9 ]> <html lang="en" dir="ltr" class="no-js ie-old"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" dir="ltr" class="no-js ie9"> <![endif]-->
<!--[if IE 10 ]> <html lang="en" dir="ltr" class="no-js ie10"> <![endif]-->
<!--[if (gt IE 10)|!(IE)]><!-->
<html lang="en" dir="ltr" class="no-js">
<!--<![endif]-->

<head>

<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<!-- META TAGS                                 -->
<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<!-- Always force latest IE rendering engine -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Mobile specific meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<!-- PAGE TITLE                                -->
<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<title>FRIDAY | Coupons, Deals, Discounts and Promo codes
	Template</title>

<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<!-- SEO METAS                                 -->
<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<meta name="description"
	content="FRIDAY is a responsive multipurpose-ecommerce site template allows you to store coupons and promo codes from different brands and create store for deals, discounts, It can be used as coupon website such as groupon.com and also as online store">
<meta
	name="	black friday, coupon, coupon codes, coupon theme, coupons, deal news, deals, discounts, ecommerce, friday deals, groupon, promo codes, responsive, shop, store coupons">
<meta name="robots" content="index, follow">
<meta name="author" content="CODASTROID">

<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<!-- PAGE FAVICON                              -->
<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<link rel="apple-touch-icon"
	href="assets/images/favicon/apple-touch-icon.png">
<link rel="icon" href="assets/images/favicon/favicon.ico">

<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<!-- GOOGLE FONTS                              -->
<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<link
	href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600"
	rel="stylesheet">

<!-- ––––––––––––––––––––––––––––––––––––––––– -->
<!-- Include CSS Filess                        -->
<!-- ––––––––––––––––––––––––––––––––––––––––– -->

<!-- Bootstrap -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">

<!-- Font Awesome -->
<link href="assets/vendors/font-awesome/css/font-awesome.min.css"
	rel="stylesheet">

<!-- Linearicons -->
<link href="assets/vendors/linearicons/css/linearicons.css"
	rel="stylesheet">

<!-- Owl Carousel -->
<link href="assets/vendors/owl-carousel/owl.carousel.min.css"
	rel="stylesheet">
<link href="assets/vendors/owl-carousel/owl.theme.min.css"
	rel="stylesheet">

<!-- Flex Slider -->
<link href="assets/vendors/flexslider/flexslider.css" rel="stylesheet">

<!-- Template Stylesheet -->
<link href="assets/css/base.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">

</head>

<body id="body" class="wide-layout preloader-active">




	<!--[if lt IE 9]>
        <p class="browserupgrade alert-error">
        	You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
        </p>
    <![endif]-->

	<noscript>
		<div class="noscript alert-error">
			For full functionality of this site it is necessary to enable
			JavaScript. Here are the <a href="http://www.enable-javascript.com/"
				target="_blank"> instructions how to enable JavaScript in your
				web browser</a>.
		</div>
	</noscript>

	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- PRELOADER                                 -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- Preloader -->
	<div id="preloader" class="preloader">
		<div class="loader-cube">
			<div class="loader-cube__item1 loader-cube__item"></div>
			<div class="loader-cube__item2 loader-cube__item"></div>
			<div class="loader-cube__item4 loader-cube__item"></div>
			<div class="loader-cube__item3 loader-cube__item"></div>
		</div>
	</div>
	<!-- End Preloader -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- WRAPPER                                   -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<div id="pageWrapper" class="page-wrapper">
		<!-- –––––––––––––––[ HEADER ]––––––––––––––– -->
		<jsp:include page="head.jsp"></jsp:include>
		<!-- –––––––––––––––[ HEADER ]––––––––––––––– -->

		<!-- –––––––––––––––[ PAGE CONTENT ]––––––––––––––– -->
		<main id="mainContent" class="main-content">
			<!-- Page Container -->
			<div class="page-container ptb-60">
				<div class="container">
					<div class="row row-rl-10 row-tb-20">
						<div class="page-content col-xs-12 col-sm-8 col-md-9">

							<!-- Checkout Area -->
							<section class="section checkout-area panel prl-30 pt-20 pb-40">
								<h2 class="h2 mb-20 h-title">收货地址</h2>
								<c:forEach items="${addressList}" var="add">
									<input type="radio" value="${add.aid}" name="addradio" ${add.isDefault eq 1 ? "checked" : "" }>${add.aname} - ${add.aremark} - ${add.amobile} <br/>
								</c:forEach>
								<hr />
								<form class="mb-30" style="display: none">
									<div class="row">
										<div class="col-md-6">
											<div class="form-group">
												<label>收货人</label> <input id="aname" type="text" class="form-control"
													placeholder="请填写你的真实姓名，不能为空">
											</div>
										</div>

										<div class="col-md-6">
											<div class="form-group">
												<label>省份</label> <select id="province" class="form-control">
													<option>请选择</option>

												</select>
												<script type="text/javascript">
                                                	$(function(){
                                                		$.ajax({
                                                			url:"selAddress.shop",
                                                			type:"post",
                                                			data:{"superCode":"000000"},
                                                			success:function(obj){
                                                				var json=JSON.parse(obj);
                                                				for(var index in json){
                                                					//$("#province").empty();
                                                					var option="<option value='"+json[index].criCode+"'>"+json[index].criName+"</option>"
                                                					$("#province").append(option);
                                                				}
                                                			}
                                                		})
                                                		$("#province").change(function(){
                                                			$("#city").empty();
                                                			$("#city").append("<option>请选择</option>");
                                                			$.ajax({
                                                    			url:"selAddress.shop",
                                                    			type:"post",
                                                    			data:{"superCode":$("#province").val()},
                                                    			success:function(obj){
                                                    				var json=JSON.parse(obj);
                                                    				for(var index in json){
                                                    					
                                                    					var option="<option value='"+json[index].criCode+"'>"+json[index].criName+"</option>"
                                                    					$("#city").append(option);
                                                    				}
                                                    			}
                                                    		})
                                                		})
                                                		$("#city").change(function(){
                                                			$("#district").empty();
                                                			$("#district").append("<option>请选择</option>");
                                                			$.ajax({
                                                    			url:"selAddress.shop",
                                                    			type:"post",
                                                    			data:{"superCode":$("#city").val()},
                                                    			success:function(obj){
                                                    				var json=JSON.parse(obj);
                                                    				for(var index in json){
                                                    					
                                                    					var option="<option value='"+json[index].criCode+"'>"+json[index].criName+"</option>"
                                                    					$("#district").append(option);
                                                    				}
                                                    			}
                                                    		})
                                                		})
                                                	})
                                                </script>
											</div>
										</div>

										<div class="col-md-6">
											<div class="form-group">
												<label>城市</label> <select id="city" class="form-control">
													<option>请选择</option>
													
												</select>
											</div>
										</div>
										<div class="col-md-6">
											<div class="form-group">
												<label>区域</label> <select id="district" class="form-control">
													<option>请选择</option>
													
												</select>
											</div>
										</div>

										<div class="col-md-6">
											<div class="form-group">
												<label>电话号码</label> <input id="amobile" type="text"
													class="form-control" placeholder="请填写你的联系电话，不能为空">
											</div>
										</div>

										<div class="col-md-6">
											<div class="form-group">
												<label>邮编</label> <input id="aemail" type="text"
													class="form-control" placeholder="请填写你的邮箱">
											</div>
										</div>

									</div>

									 <div class="form-group">
                                        <label>详细地址</label>
                                        <input id="aremark" type="text" class="form-control" placeholder="请填写你的详细地址精确到街道，门牌号，不能为空">
                                    </div>
									<button type="button" onclick="saveInfo()" class="btn btn-lg btn-warning btn-rounded">保存并应用</button>
								</form>
								
                               	    <form id="orderform" action="addOrder.shop" method="post">
                                	<input type="hidden" name="addid" value=""/>
                               	 	<a href="javascript:void(0)" onclick="changeAdd()" class="btn btn-lg btn-rounded mr-10">去支付</a>
                               	 	</form>
                                
								<button id="add" type="button" onclick="doAddress()" class="btn btn-lg btn-warning btn-rounded">添加新地址</button>
									<script type="text/javascript">
									function saveInfo(){
										
										var aname=$("#aname").val();
										var province=$("#province").find("option:selected").text();
										var city=$("#city").find("option:selected").text();
										var district=$("#district").find("option:selected").text();
										var amobile=$("#amobile").val();
										var aemail=$("#aemail").val();
										var aremark=$("#aremark").val();
										var isDefault=1;
										$.ajax({
											url:"addAddress.shop",
                                			type:"post",
                                			data:{"aname":aname,"province":province,"city":city,"district":district,"aemail":aemail,"aremark":aremark,"isDefault":isDefault,"amobile":amobile},
                                			success:function(obj){
                                				var json=JSON.parse(obj);
                                				if(json.code==1){
                                					alert(json.mes)
                                					
                                				}else{
                                					alert(json.mes)
                                				}
                                				$("form").hide();
                                				$("#add").show();
                                				window.location.reload();
                                			}
										})
									}
									function doAddress(){
										$("#add").hide();
										$("form").show();
									}

									function changeAdd(){
                           	 			
                           	 			$("#orderform :hidden").val($(":radio:checked").val());
                           	 			$("#orderform").submit();
                           	 		}
								
								</script>
							</section>
							<!-- End Checkout Area -->

						</div>
						<div class="page-sidebar col-xs-12 col-sm-4 col-md-3">

							<!-- Blog Sidebar -->
							<aside class="sidebar blog-sidebar">
								<div class="row row-tb-10">
									<div class="col-xs-12">
										<!-- Recent Posts -->
										<div class="widget checkout-widget panel p-20">
											<div class="widget-body">
												<table class="table mb-15">
													<tbody>
														<tr>
															<td class="color-mid">商品总价</td>
															<td>￥${shopCarCount }</td>
														</tr>
														<!-- <tr>
															<td class="color-mid">Shipping</td>
															<td>$60.00</td>
														</tr> -->
														<tr>
															<td class="color-mid">运费</td>
															<td>￥ ${shopCar.size()*10 }</td>
														</tr>
														<tr class="font-15">
															<td class="color-mid">总价</td>
															<td class="color-green"><fmt:formatNumber
														value="${shopCarCount+shopCar.size()*10 }" type="currency"
														pattern="￥.00" /></td>
														</tr>
													</tbody>
												</table>
												<a href="cart.jsp" class="btn btn-info btn-block btn-sm">返回购物车</a>
											</div>
										</div>
										<!-- End Recent Posts -->
									</div>
								</div>
							</aside>
							<!-- End Blog Sidebar -->
						</div>
					</div>
				</div>
			</div>
			<!-- End Page Container -->


		</main>
		<!-- –––––––––––––––[ END PAGE CONTENT ]––––––––––––––– -->
		<section class="footer-top-area pt-70 pb-30 pos-r bg-blue">
			<div class="container">
				<div class="row row-tb-20">
					<div class="col-sm-12 col-md-7">
						<div class="row row-tb-20">
							<div class="footer-col col-sm-6">
								<div class="footer-about">
									<img class="mb-40" src="assets/images/logo_light.png"
										width="250" alt="">
									<p class="color-light">Lorem ipsum dolor sit amet,
										consectetur adipisicing elit. Laboriosam dolores quidem
										mollitia id ipsa nisi necessitatibus iure repudiandae aperiam,
										odit ipsam dolor fugiat corporis nesciunt illo nemo minus.</p>
								</div>
							</div>
							<div class="footer-col col-sm-6">
								<div class="footer-top-twitter">
									<h2 class="color-lighter">Twitter Feed</h2>
									<ul class="twitter-list">
										<li class="single-twitter">
											<p class="color-light">
												<i class="ico fa fa-twitter"></i><a href="#">@masum_rana
													:</a> Duis aute irure dolor in reprehenderit in voluptate velit
												esse cillum dolore in reprehenderit.
											</p>
										</li>
										<li class="single-twitter">
											<p class="color-light">
												<i class="ico fa fa-twitter"></i><a href="#">@masum_rana
													:</a> Lorem ipsum dolor sit amet, consectetur adipisicing elit.
												Ratione id corrupti iusto cupiditate omnis.
											</p>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="col-sm-12 col-md-5">
						<div class="row row-tb-20">
							<div class="footer-col col-sm-6">
								<div class="footer-links">
									<h2 class="color-lighter">Quick Links</h2>
									<ul>
										<li><a href="deals_grid.html">Latest Deals</a></li>
										<li><a href="coupons_grid.html">Newest Coupons</a></li>
										<li><a href="contact_us_02.html">Contact Us</a></li>
										<li><a href="404.html">Error 404</a></li>
										<li><a href="terms_conditions.html">Terms of Use</a></li>
										<li><a href="faq.html">FAQs</a></li>
									</ul>
								</div>
							</div>
							<div class="footer-col col-sm-6">
								<div class="footer-top-instagram instagram-widget">
									<h2>Instagram Widget</h2>
									<div class="row row-tb-5 row-rl-5">


										<div class="instagram-widget__item col-xs-4">
											<img src="assets/images/instagram/instagram_01.jpg" alt="">
										</div>


										<div class="instagram-widget__item col-xs-4">
											<img src="assets/images/instagram/instagram_02.jpg" alt="">
										</div>


										<div class="instagram-widget__item col-xs-4">
											<img src="assets/images/instagram/instagram_03.jpg" alt="">
										</div>


										<div class="instagram-widget__item col-xs-4">
											<img src="assets/images/instagram/instagram_04.jpg" alt="">
										</div>


										<div class="instagram-widget__item col-xs-4">
											<img src="assets/images/instagram/instagram_05.jpg" alt="">
										</div>


										<div class="instagram-widget__item col-xs-4">
											<img src="assets/images/instagram/instagram_06.jpg" alt="">
										</div>


									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-12">
						<div class="payment-methods t-center">
							<span><img src="assets/images/icons/payment/paypal.jpg"
								alt=""></span> <span><img
								src="assets/images/icons/payment/visa.jpg" alt=""></span> <span><img
								src="assets/images/icons/payment/mastercard.jpg" alt=""></span> <span><img
								src="assets/images/icons/payment/discover.jpg" alt=""></span> <span><img
								src="assets/images/icons/payment/american.jpg" alt=""></span>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- –––––––––––––––[ FOOTER ]––––––––––––––– -->
		<footer id="mainFooter" class="main-footer">
			<div class="container">
				<div class="row">
					<p>Copyright &copy; 2016 . All rights reserved.</p>
				</div>
			</div>
		</footer>
		<!-- –––––––––––––––[ END FOOTER ]––––––––––––––– -->

	</div>
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- END WRAPPER                               -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->


	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- BACK TO TOP                               -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<div id="backTop" class="back-top is-hidden-sm-down">
		<i class="fa fa-angle-up" aria-hidden="true"></i>
	</div>

	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- SCRIPTS                                   -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->

	<!-- (!) Placed at the end of the document so the pages load faster -->

	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- Initialize jQuery library                 -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<script src="assets/js/jquery-1.12.3.min.js"></script>

	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- Latest compiled and minified Bootstrap    -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>

	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- JavaScript Plugins                        -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- (!) Include all compiled plugins (below), or include individual files as needed -->

	<!-- Modernizer JS -->
	<script src="assets/vendors/modernizr/modernizr-2.6.2.min.js"></script>

	<!-- Owl Carousel -->
	<script type="text/javascript"
		src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>

	<!-- FlexSlider -->
	<script type="text/javascript"
		src="assets/vendors/flexslider/jquery.flexslider-min.js"></script>

	<!-- Coutdown -->
	<script type="text/javascript"
		src="assets/vendors/countdown/jquery.countdown.js"></script>

	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<!-- Custom Template JavaScript                   -->
	<!-- ––––––––––––––––––––––––––––––––––––––––– -->
	<script type="text/javascript" src="assets/js/main.js"></script>
</body>

</html>